<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    

<script>
    
// 事件对象
// 当事件触发时，JS引擎调用对应的事件处理函数
// JS引擎调用事件处理函数时，会传入一个实参，这个实参就是 事件对象
// 事件对象就是与事件相关的一个对象，对象中包含与事件相关的所有信息
// 比如：事件类型 事件触发的时间  事件触发的位置  触发事件的元素 按键码 ... 

document.onclick = function (e){// 事件处理函数 event  ev  e
    console.log( e );// 事件对象 {...}
}

</script>
</body>
</html>